﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Activacion de Usuario</title>
    <link rel="stylesheet" type="text/css" href="styles/ActivarUsuario.css" />
    <script type="text/javascript" src="jquery/jquery-1.7.2.js"></script>
    <style >
        #loading{
    position: fixed; 
    z-index: 100;
    border: solid 1px silver;
    width: 105px;
    height: 105px;
    </style>
</head>


<body>
<div id="divcentral">
   <p style="width: 1220px" >Elara Inventarios activacion...</p>
</div>
<div id="loading" 
        style=" width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;
         color:#FFFFFF; display: block;">
        <div id="ld" style="margin-left: 45%; margin-top: 200px;" >
            <img src="Images/loading_3.gif" 
                style="margin-left: 20px; margin-top: 10px; width: 100px; height: 100px;">
            <p style="margin-left: 25px; margin-top: 5px; color:black;">Activando cuenta...</p>
        </div>
</div>
<!--<div id="divinferior">
    <p>Tu cuenta  ha sido activada!!!</p>
    <p>&nbsp;</p>
</div>       -->
<div class="mensajeActivacion" style="display: none;">Tu cuenta  ha sido activada!!!</div>         
<script type="text/javascript">
    var Url = location.href;
    Url = Url.replace(/.*\?(.*?)/, "$1");
    Variables = Url.split("&");
    for (i = 0; i < Variables.length; i++) {
        Separ = Variables[i].split("=");
        eval('var ' + Separ[0] + '="' + Separ[1] + '"');
    }
    console.log(id);
    $.ajax({
        url: "Services/Broadcast.svc/GetActivationUser"
        , type: "POST"
        , dataType: "json"
        , data: '{"idActivation":"' + id + '"}'
        , contentType: "application/json; charset=utf-8"
        , success: function (data) {
            console.log('Usuario Activo');
            $(".mensajeActivacion").css("display", "block");
        },
        error: function (result) {
            alert('Error al activar usuario intente mas tarde..' + result.status + ' ' + result.statusText);
        }
    });
    jQuery('#loading').ajaxStart(function () {
        jQuery(this).show();
    });
    jQuery('#loading').ajaxStop(function () {
        jQuery(this).hide();
    });
</script> 
</body>
</html>
